<div class="container">
	<uib-accordion close-others="false">
		<uib-accordion-group is-open="true" heading="课程详情" >
			<div class="row">
				<div class="col-xs-3" style="border-bottom:solid, 1px">
					课程
				</div>
				<div class="col-xs-9">
					{{course.title}}
				</div>
			</div>
			<div class="row">
				<div class="col-xs-3">
					时间
				</div>
				<div class="col-xs-9">
					{{course.begin | dateFilter}}
				</div>
			</div>
		</uib-accordion-group>
		<uib-accordion-group is-open="true" heading="支付金额" >
			<div class="row">
				<div class="col-xs-4" style="border-bottom:solid, 1px">
					课程总价
				</div>
				<div class="col-xs-8">
					{{course.price}}
				</div>
			</div>
			<div class="row">
				<div class="col-xs-4">
					免费豆抵扣
				</div>
				<div class="col-xs-8">
					{{course.derate}}
				</div>
			</div>
		</uib-accordion-group>
	</uib-accordion>
</div>
<div class="row navbar-fixed-bottom" style="text-align:center;height:40px;">
	<div class="col-xs-8" style="background-color:#090909;height:100%;color:white;">
		<p style="margin-top:9px">需支付 <img ng-src="http://7xlkfc.com2.z0.glb.qiniucdn.com/bean.png" style="height:21px;"/> X {{course.price - course.derate}}</p>
	</div>
	<div class="col-xs-4" style="background-color:#FFDE43;height:100%;" role="button" ng-click="book( course.id )">
		<p style="margin-top:9px">确认预约</p>
	</div>
</div>
<toaster-container>
</toaster-container>
